<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>


<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>
						<p:messages id="msg2" />
						<h:panelGrid style="margin: 0 auto;">
							<p:dataTable value="#{personaView.personaModel}" id="persona"
								var="persona" selection="#{personaView.selectedPersona}"
								paginator="true" rows="5">

								<f:facet name="header">
									Persona
							</f:facet>

								<p:column selectionMode="single" style="width:2%" />

								<p:column filterBy="#{persona.tipoIdentificacion}"
									sortBy="#{persona.tipoIdentificacion}">
									<f:facet name="header">
										<h:outputText value="Tipo Identificación" />
									</f:facet>
									<h:outputText value="#{persona.tipoIdentificacion}" />
								</p:column>

								<p:column filterBy="#{persona.identificacion}"
									sortBy="#{persona.identificacion}">
									<f:facet name="header">
										<h:outputText value="Identificación" />
									</f:facet>
									<h:outputText value="#{persona.identificacion}" />
								</p:column>

								<p:column filterBy="#{persona.primerNombre}"
									sortBy="#{persona.primerNombre}">
									<f:facet name="header">
										<h:outputText value="Primer Nombre" />
									</f:facet>
									<h:outputText value="#{persona.primerNombre}" />
								</p:column>

								<p:column filterBy="#{persona.primerApellido}"
									sortBy="#{persona.primerApellido}">
									<f:facet name="header">
										<h:outputText value="Primer Apellido" />
									</f:facet>
									<h:outputText value="#{persona.primerApellido}" />
								</p:column>

								<p:column filterBy="#{persona.email}" sortBy="#{persona.email}">
									<f:facet name="header">
										<h:outputText value="Email" />
									</f:facet>
									<h:outputText value="#{persona.email}" />
								</p:column>

								<p:column filterBy="#{persona.estadoRegistro}"
									sortBy="#{persona.estadoRegistro}">
									<f:facet name="header">
										<h:outputText value="Estado Registro" />
									</f:facet>
									<h:outputText value="#{persona.estadoRegistro}" />
								</p:column>

								<f:facet name="footer">
									<p:commandButton id="createButton" value="Crear"
										action="#{personaView.action_crear()}" icon="ui-icon-newwin"
										update=":form" binding="#{personaView.btnCrear}"
										oncomplete="PF('singleCarDialog').show()" />

									<p:commandButton id="viewButton" value="Editar"
										action="#{personaView.action_buscar2()}" icon="ui-icon-pencil"
										update=":form" binding="#{personaView.btnModify}"
										oncomplete="PF('singleCarDialog').show()" />
								</f:facet>

							</p:dataTable>

							<p:dialog id="dialog" position="top" header="Detalle Persona" modal="true"
								widgetVar="singleCarDialog" resizable="false" showEffect="fade"
								hideEffect="explode" closable="false">

								<p:messages id="msg" />

								<h:panelGrid id="panelBotones" columns="2"
									style="margin: 0 auto;">

									<p:commandButton id="btnGuardar" value="Guardar"
										disabled="true" action="#{personaView.action_modify}"
										binding="#{personaView.btnSave}" icon="ui-icon-disk"
										update="msg,panel,panelBotones,msg2,acordion" />

									<p:commandButton id="btnCerrar" value="Cerrar"
										icon="ui-icon-close" update=":form"
										oncomplete="PF('singleCarDialog').hide()" process="@this"
										actionListener="#{personaView.action_cerrar()}">
										<p:resetInput target="panel" />
									</p:commandButton>

								</h:panelGrid>
								<br />

								<h:panelGrid columns="12" id="panel" style="margin: 0 auto;">

									
									<h:outputText id="msgTipoId" value=" Tipo Identificación:*" />
									<p:selectOneMenu id="txtTipoIdentificacion"
										value="#{personaView.selectItemTipoIdentificacion}"
										disabled="true"
										binding="#{personaView.txtIdTiid_TipoIdentificacion}"
										style="width:100%" required="true"
										requiredMessage="El Tipo de Identificación es requerida">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItems value="#{personaView.tipoIdentificacion}" />
									</p:selectOneMenu>
									<p:message for="txtTipoIdentificacion" display="icon" />

									<h:outputText id="msgDivisionPolitica"
										value=" División Politica: " />
									<p:selectOneMenu id="txtDivision"
										value="#{personaView.selectItemDivision}" disabled="true"
										binding="#{personaView.txtIdDipo_DivisionPolitica}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItems value="#{personaView.divisiones}" />
									</p:selectOneMenu>

									<br />
									<h:outputText id="msgIdentificacion" value=" Identificación:*" />
									<p:inputText id="txtIdentificacion" disabled="true"
										required="true" placeholder="000000000000000"
										requiredMessage="La Identificación es requerida"
										binding="#{personaView.txtIdentificacion}" />
									<p:message for="txtIdentificacion" display="icon" />

									<h:outputText id="msgPrimerNombre" value=" Primer Nombre:*" />
									<p:inputText id="txtPrimerNombre" disabled="true"
										required="true"
										requiredMessage="El Primer Nombre es requerido"
										binding="#{personaView.txtPrimerNombre}" />
									<p:message for="txtPrimerNombre" display="icon" />

									<h:outputText id="msgSegundoNombre" value="Segundo Nombre:" />
									<p:inputText id="txtSegundoNombre" disabled="true"
										binding="#{personaView.txtSegundoNombre}" />
									<br />

									<h:outputText id="msgPrimerApellido" value=" Primer Apellido: " />
									<p:inputText id="txtPrimerApellido" disabled="true"
										binding="#{personaView.txtPrimerApellido}" />
									<br />

									<h:outputText id="msgSegundoApellido"
										value="Segundo Apellido: " />
									<p:inputText id="txtSegundoApellido" disabled="true"
										binding="#{personaView.txtSegundoApellido}" />

									<br />
									<h:outputText id="msgDireccion" value="Dirección: " />
									<p:inputText id="txtDireccion" disabled="true"
										binding="#{personaView.txtDireccion}" />

									<br />
									<h:outputText id="msgTelefono1" value=" Telefono1: " />
									<p:inputText id="txtTelefono1" disabled="true"
										binding="#{personaView.txtTelefono1}" />

									<br />
									<h:outputText id="msgTelefono2" value="Telefono2: " />
									<p:inputText id="txtTelefono2" disabled="true"
										binding="#{personaView.txtTelefono2}" />

									<br />
									<h:outputText id="msgApartadoAereo" value=" Apartado Aereo: " />
									<p:inputText id="txtApartadoAereo" disabled="true"
										binding="#{personaView.txtApartadoAereo}" />

									<br />
									<h:outputText id="msgEmail" value=" Email: " />
									<p:inputText id="txtEmail" disabled="true"
										validatorMessage="Email Invalido"
										binding="#{personaView.txtEmail}">
										<f:validateRegex
											pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
									</p:inputText>
									<p:message for="txtEmail" display="icon" />

									<h:outputText id="msgDigitoVerificacion"
										value="Digito Verificación: " />
									<p:inputText id="txtDigitoVerificacion" disabled="true"
										binding="#{personaView.txtDigitoVerificacion}" />
									<p:message for="txtDigitoVerificacion" display="icon" />


									<h:outputText id="msgEstadoPersona" value=" Estado Persona: " />
									<p:selectOneMenu id="txtEstadoPersona"
										value="#{personaView.selectItemEstadoPersona}" disabled="true"
										binding="#{personaView.txtEstadoPersona}" style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Activo" itemValue="1" />
										<f:selectItem itemLabel="Inactivo" itemValue="0" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgEstadoRegistro" value=" Estado Registro:*" />
									<p:selectOneMenu id="txtEstadoRegistro"
										value="#{personaView.selectItemEstado}" disabled="true"
										binding="#{personaView.txtEstadoRegistro}" style="width:100%"
										required="true"
										requiredMessage="Selección requerida Estado Registro">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Activo" itemValue="A" />
										<f:selectItem itemLabel="Retirado" itemValue="R" />
									</p:selectOneMenu>
									<p:message for="txtEstadoRegistro" display="icon" />

								</h:panelGrid>

								<p:accordionPanel id="acordion" activeIndex="3">


									<p:tab title="Es Cliente">
										<h:panelGrid columns="9">

											<h:outputText id="msgcliente" value=" Es Cliente:*" />
											<p:selectOneMenu id="txtCliente"
												value="#{personaView.selectItemCliente}" disabled="true"
												binding="#{personaView.txtCliente}" style="width:140px"
												required="true"
												requiredMessage="Seleccion requerida Es Cliente">
												<f:selectItem itemLabel="Seleccionar" itemValue="" />
												<f:selectItem itemLabel="Si" itemValue="S" />
												<f:selectItem itemLabel="No" itemValue="N" />
											</p:selectOneMenu>
											<p:message for="txtCliente" display="icon" />

											<h:outputText id="msgTC" value=" Tipo Cartera:*" />
											<p:selectOneMenu id="txtTC"
												value="#{personaView.selectItemTC}" disabled="true"
												binding="#{personaView.txtTC}" style="width:140px">
												<f:selectItem itemLabel="Seleccionar" itemValue="" />
												<f:selectItems value="#{personaView.tipoCartera}" />
											</p:selectOneMenu>
											<br />

											<h:outputText id="msgEstadoCliente"
												value=" EstadoRegistro Cliente:*" />
											<p:selectOneMenu id="txtEstadoCliente"
												value="#{personaView.selectItemEstadoCl}" disabled="true"
												binding="#{personaView.txtEstadoCl}" style="width:140px">
												<f:selectItem itemLabel="Seleccionar" itemValue="" />
												<f:selectItem itemLabel="Activo" itemValue="A" />
												<f:selectItem itemLabel="Retirado" itemValue="R" />
											</p:selectOneMenu>
											<br />

										</h:panelGrid>

									</p:tab>

									<p:tab title="Es Vendedor">
										<h:panelGrid columns="12">

											<h:outputText id="msgVendedor" value=" Es Vendedor:*" />
											<p:selectOneMenu id="txtVendedor"
												value="#{personaView.selectItemVendedor}" disabled="true"
												binding="#{personaView.txtVendedor}" style="width:140px"
												required="true"
												requiredMessage="Seleccion requerida Es Vendedor">
												<f:selectItem itemLabel="Seleccionar" itemValue="" />
												<f:selectItem itemLabel="Si" itemValue="S" />
												<f:selectItem itemLabel="No" itemValue="N" />
											</p:selectOneMenu>
											<p:message for="txtVendedor" display="icon" />

											<h:outputText id="msgCod" value=" Codigo*: " />
											<p:inputText id="txtCod" disabled="true"
												binding="#{personaView.txtCodigo}" />
											<br />

											<h:outputText id="msgEmailV" value=" Email: " />
											<p:inputText id="txtEmailV" disabled="true"
												validatorMessage="Email Vendedor Invalido"
												binding="#{personaView.txtEmailV}">
												<f:validateRegex
													pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
											</p:inputText>
											<p:message for="txtEmailV" display="icon" />

											<h:outputText id="msgEstadoV"
												value=" EstadoRegistro Vendedor:*" />
											<p:selectOneMenu id="txtEstadoV"
												value="#{personaView.selectItemEstadoV}" disabled="true"
												binding="#{personaView.txtEstadoV}" style="width:140px">
												<f:selectItem itemLabel="Seleccionar" itemValue="" />
												<f:selectItem itemLabel="Activo" itemValue="A" />
												<f:selectItem itemLabel="Retirado" itemValue="R" />
											</p:selectOneMenu>
											<br />

										</h:panelGrid>

										<p:accordionPanel activeIndex="2">
											<p:tab title="Supervisor">
												<h:panelGrid style="margin: 0 auto;">
													<p:dataTable value="#{personaView.personaModelV}"
														id="persona2" var="persona"
														selection="#{personaView.selectedPersonaV}"
														paginator="true" rows="5">

														<f:facet name="header">
									                        Supervisor
							                               </f:facet>

														<p:column selectionMode="single" style="width:2%" />

														<p:column filterBy="#{persona.tipoIdentificacion}"
															sortBy="#{persona.tipoIdentificacion}">
															<f:facet name="header">
																<h:outputText value="Tipo Identificación" />
															</f:facet>
															<h:outputText value="#{persona.tipoIdentificacion}" />
														</p:column>

														<p:column filterBy="#{persona.identificacion}"
															sortBy="#{persona.identificacion}">
															<f:facet name="header">
																<h:outputText value="Identificación" />
															</f:facet>
															<h:outputText value="#{persona.identificacion}" />
														</p:column>

														<p:column filterBy="#{persona.primerNombre}"
															sortBy="#{persona.primerNombre}">
															<f:facet name="header">
																<h:outputText value="Primer Nombre" />
															</f:facet>
															<h:outputText value="#{persona.primerNombre}" />
														</p:column>

														<p:column filterBy="#{persona.primerApellido}"
															sortBy="#{persona.primerApellido}">
															<f:facet name="header">
																<h:outputText value="Primer Apellido" />
															</f:facet>
															<h:outputText value="#{persona.primerApellido}" />
														</p:column>

														<p:column filterBy="#{persona.email}"
															sortBy="#{persona.email}">
															<f:facet name="header">
																<h:outputText value="Email" />
															</f:facet>
															<h:outputText value="#{persona.email}" />
														</p:column>

														<p:column filterBy="#{persona.estadoRegistro}"
															sortBy="#{persona.estadoRegistro}">
															<f:facet name="header">
																<h:outputText value="Estado Registro" />
															</f:facet>
															<h:outputText value="#{persona.estadoRegistro}" />
														</p:column>

														<f:facet name="footer">
															<p:commandButton id="noButton" value="Quitar Selección"
																action="#{personaView.action_quitar()}"
																icon="ui-icon-circle-close" update="persona2" />
														</f:facet>

													</p:dataTable>
												</h:panelGrid>
											</p:tab>

											<p:tab title="Sucursal">
												<h:panelGrid style="margin: 0 auto;">
													<p:dataTable id="sucursal2"
														value="#{personaView.sucusalModel}" var="sucursal"
														selection="#{personaView.selectedSucursal}"
														paginator="true" rows="3">

														<f:facet name="header">
							                                Sucursal
							                                </f:facet>

														<p:column selectionMode="single" style="width:2%" />

														<p:column filterBy="#{sucursal.codigo}"
															sortBy="#{sucursal.codigo}">
															<f:facet name="header">
																<h:outputText value="Código" />
															</f:facet>
															<h:outputText value="#{sucursal.codigo}" />
														</p:column>

														<p:column filterBy="#{sucursal.direccion}"
															sortBy="#{sucursal.direccion}">
															<f:facet name="header">
																<h:outputText value="Dirección" />
															</f:facet>
															<h:outputText value="#{sucursal.direccion}" />
														</p:column>

														<p:column filterBy="#{sucursal.nombre}"
															sortBy="#{sucursal.nombre}">
															<f:facet name="header">
																<h:outputText value="Nombre" />
															</f:facet>
															<h:outputText value="#{sucursal.nombre}" />
														</p:column>

													</p:dataTable>
												</h:panelGrid>
											</p:tab>

										</p:accordionPanel>


									</p:tab>

								</p:accordionPanel>

							</p:dialog>

						</h:panelGrid>

					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>